import './test.css'
const flag = false
const style = {
  color:'red',
  fontSize:'50px'
}
function App() {
  return (
    <div className="App">
      {/* 行内样式 */}
      <span style={{color:'red',fontSize:'40px'}}>This is span</span><br/>
      {/* 类名样式 保持模板精简*/}
      <span style={style}>This is span 2</span><br/>
      {/* 引入css */}
      <span className='active'>This is span 3</span><br/>
      {/* 动态类名 */}
      <span className={flag?'active':'active2'}>This is span 4</span>
    </div>
  );
}

export default App;
